<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    /*
        安装Vue工具 Vue CLI
        Vue CLI Vue.js开发的标准工具，Vue CLI是一个基于Vue.js进行快速开发的完整系统
        npm install -g @vue/cli
        安装之后，你就可以在命令行中访问vue命令，你可以通过简单运行vue,看看是否展示
        出了一份所有可用命令的帮助信息，来验证它是否安装成功。
        vue --version

        创建一个项目
        运行一下命令来创建一个新项目
        vue create 项目名称（项目名称不能存在大写）
        温馨提示：
        在控制台中，可以用上下按键调整选择项
        在控制台中，可以用空格（spacebar）选择是否选中和取消选中
        可以选择默认项目模板，或者选“手动选择特性”来选取需要的特性

        我们选择Babel和Progressive Web App(PWA)Support 两个选项即可
        温馨提示：在学习期间，不要选中Linter/Formatter以避免不必要的错误提示

        Vue目前有两个主流大版本vue2和vue3,我们本套课程选择vue3最新版本

        配置放在哪里？In dedicated config files 专用配置文件或者 In package.json
        在package.json文件

        将其保存为未来项目的预置？y代表保存，并添加名字，n不保存

        项目创建成功如下提示信息

        运行项目
        第一步：进入项目根目录 cd 项目名称
        第二部：运行npm run serve 启动项目

        安装Vue高亮插件
        VSCode中安装vetur或者volar 都可，前者针对Vue2，后者针对Vue3版本
    */
</script>